<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
	<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
	<META HTTP-EQUIV="Expires" CONTENT="0">
	<title>cti</title>
	<link href="../css/cti.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="../js/jq/jquery.js"></script>
	<script type="text/javascript" src="../moor/moor.js" djConfig="isDebug:false, parseOnLoad:false"></script>
	<script type="text/javascript" src="../js/m7Util.js"></script>
	<script type="text/javascript" src="../js/moortools.js"></script>
	<script type="text/javascript" src="../js/m7PhoneBar.js"></script>
	<script type="text/javascript" src="../js/objectDeclare.js"></script>
	<script type="text/javascript" src="../js/recordError.js"></script>
	<script type="text/javascript" src="../js/m7Monitor.js"></script>
    <script type="text/javascript" src="../js/crypto/md5.min.js"></script>
    <script type="text/javascript" src="../js/crypto/base64.min.js"></script>
	<!--added by jeff -->
    <script type="text/javascript" src="../../edbproxy.js"></script>
</head>
<body>
<div id="softphonebar" style="position: relative;">
    <div class="mrg5" id="peerStatus">
        <span id="phoneAgentStatus">
            <a href="#" onclick="javascript:phone.m7SetBusy(false,'0')" id="IdleDisable" class="IdleDisable userStatus" style="color: #53d466;">
                <span class="ponit" style="background-color: #53d466;"></span>空闲
                <span class="line"></span>
            </a>
            <a href="#" onclick="javascript:phone.m7SetBusy(true,'2')" id="RestDisable" class="RestDisable userStatus">
                <span class="ponit"></span>小休
                <span class="line"></span>
            </a>
            <a href="#" onclick="javascript:phone.m7SetBusy(true,'1')" id="BusyDisable" class="BusyDisable userStatus">
                <span class="ponit"></span>忙碌
                <span class="line"></span>
            </a>
            <span id="phoneConfigStatus"></span>
        </span>
        <span class="softphone_timer">
            <span id="softphonebar.peerState" style="margin-left: 10px"></span>
            <span id="softphonebar.peerTimeState" class="peerTimeState">00:00:00</span>
        </span>
	</div>
	<div class="mrg5" id="callStatus">
		<input type="text" id="moorCall-dialout-input" placeholder="输入手机号" value=""
			   onKeyDown="if(event.keyCode == 13){softphoneBar.dialout(m7$('#moorCall-dialout-input').val())}" class="ipt fl" />
		<ul id="callStatusList">
			<li>
				<a href="#" class="DialEnable" id="DialEnable"
                   onclick="softphoneBar.dialout(m7$('#moorCall-dialout-input').val(), '')">外呼
                    <span class="icon outcallIcon"></span>
                </a>
                <a href="#" class="DialDisable disable" id="DialDisable" style="display: none">外呼
                    <span class="icon outcallIcon"></span>
                </a>
            </li>
            <li>
                <a href="#" class="DialEnable" id="smallDialEnable" style="width: 102px;"
                   onclick="softphoneBar.dialout(m7$('#moorCall-dialout-input').val(), 'smallPhone')">小号外呼
                    <span class="icon outcallIcon"></span>
                </a>
                <a href="#" class="DialDisable disable" id="smallDialDisable" style="display: none;width: 102px;">小号外呼
                    <span class="icon outcallIcon"></span>
                </a>
            </li>
			<li>
                <a href="#" class="HangupEnable" id="HangupEnable" style="display: none"
                   onClick="javascript:phone.hangup()">挂机
                    <span class="icon handupIcon"></span>
                </a>
                <a href="#" class="HangupDisable disable" id="HangupDisable">挂机
                    <span class="icon handupIcon"></span>
                </a>
			</li>
			<li>
                <a href="#" class="HoldEnable" id="HoldEnable" style="display: none"
                   onClick="phone.hold();">保持
                    <span class="icon holdIcon"></span>
                </a>
                <a href="#" class="HoldDisable disable" id="HoldDisable">保持
                    <span class="icon holdIcon"></span>
                </a>
                <a href="#" class="HoldGetEnable" id="HoldGetEnable" style="display: none"
                   onClick="phone.unhold();">继续
                    <span class="icon holdIcon"></span>
                </a>
			</li>
			<li>
                <a href="#" class="TransferEnable" id="TransferEnable" style="display: none"
                   onClick="javascript:softphoneBar.m7ToTransfer();">
                    转移<span class="icon transferIcon"></span>
                </a>
                <a href="#" class="TransferDisable disable" id="TransferDisable">
                    转移<span class="icon transferIcon"></span>
                </a>
                <a href="#" class="TransferEnable" id="ConsultTransferEnable" style="display: none"
                   onclick="javascript:phone.transfer('9333333','external', {})">
                    转移<span class="icon transferIcon"></span>
                </a>
                <a href="#" class="TransferDisable" id="ConsultTransferDisable" style="display: none">
                    转移<span class="icon transferIcon"></span>
                </a>
			</li>
			<li>
                <a href="#" class="ConsultEnable" id="ConsultEnable" style="display: none"
                   onclick="javascript:softphoneBar.m7ToConsult();">
                    咨询<span class="icon webchatIcon"></span>
                </a>
                <a href="#" class="ConsultDisable disable" id="ConsultDisable" >
                    咨询<span class="icon webchatIcon"></span>
                </a>
			</li>
			<li>
				<a href="#" class="StopConsultEnable disable" id="StopConsultDisable" style="width: 102px">
					结束咨询<span class="icon webchatIcon"></span>
				</a>
				<a href="#" class="StopConsultEnable" id="StopConsultEnable" style="width: 102px;display:none;"
			     	onclick="javascript:phone.stopConsult();">
					结束咨询<span class="icon webchatIcon"></span>
				</a>
			</li>
			<li>
                <a href="#" class="ThreeWayCallEnable" id="ThreeWayCallEnable" style="display: none;width: 102px"
                   onclick="javascript:softphoneBar.toThreeWayCall();">
                    三方通话<span class="icon threeWaycall"></span>
                </a>
                <a href="#" class="ThreeWayCallDisable disable" id="ThreeWayCallDisable" style="width: 102px">
                    三方通话<span class="icon threeWaycall"></span>
                </a>

                <a href="#" class="ThreeWayCallEnable" id="ConsultThreeWayCallEnable" style="display: none;width: 102px"
                   onclick="javascript:phone.threeWayCall('9333333')">
                    三方通话<span class="icon threeWaycall"></span>
                </a>
                <a href="#" class="ThreeWayCallDisable" id="ConsultThreeWayCallDisable" style="display: none;width: 102px">
                    三方通话<span class="icon threeWaycall"></span>
                </a>
            </a>
			</li>
            <li>
                <a href="#" class="StopConsultEnable disable" id="transferIVR" style="width: 110px">
                    转IVR菜单<span class="icon transferIcon"></span>
                </a>
                <a href="#" class="StopConsultEnable" id="transferIVREnable" style="width: 110px;display:none;"
                   onclick="javascript:phone.m7Phone_toMenu('');">
                    转IVR菜单<span class="icon transferIcon"></span>
                </a>
            </li>
            <li>
                <a href="#" class="transferSatisfaction disable" id="transferSatisfaction" style="width: 130px">
                    转满意度评价<span class="icon transferSatisfactionIcon"></span>
                </a>
                <a href="#" class="transferSatisfaction" id="transferSatisfactionEnable" style="width: 130px;display:none;"
                   onclick="javascript:phone.investigate();">
                    转满意度评价<span class="icon transferSatisfactionIcon"></span>
                </a>
            </li>
		</ul>
	</div>
    <div id="netMessage"></div>
</div>
<iframe id="moorCall.iframe" style="display: none"></iframe>
<div id="moorCall_minitor">
    <div class="task_title"></div>
    <div class="task_content">
        <div class='form_area' style="padding: 0px 10px 10px">
            <div style="width:100%;padding-bottom:1px;" >
                <div class="grid">
                    <div class="gridhead" >
                        <table width="100%" height="100%" border=0 cellSpacing=0 cellPadding=0>
                            <colgroup>
                                <col width="100%">
                            </colgroup>
                            <thead class="monitor_thead">
                            <tr >
                                <th colspan='4' align="left"><div class="monitor_thead_title">服务号监控列表</div></th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td style="padding-left: 1px;">
                                    <table border=0 cellSpacing=0 cellPadding=0 width=100% >
                                        <colgroup>
                                            <COL width="10%" span="4">
                                        </colgroup>
                                        <tr id="icc.monitor.serviceNos.thead">
                                            <td align="center" style="cursor:pointer;" id="icc.monitor.serviceNosTd" onclick="tablesort.sortTable(this, 'icc.monitor.serviceNos', 0, 'string');" >
                                                <span>服务号码</span><span style="width:15px;">&nbsp;</span><span name="currentState"></span>
                                            </td>
                                            <td align="center" style="cursor:pointer;" onclick="tablesort.sortTable(this, 'icc.monitor.serviceNos', 1, 'int');" >
                                                <span>今日外部来电数</span><span style="width:15px;">&nbsp;</span><span name="currentState"></span>
                                            </td>
                                            <td align="center" style="cursor:pointer;" onclick="tablesort.sortTable(this, 'icc.monitor.serviceNos', 2, 'int');">
                                                <span>今日未接外部来电</span><span style="width:15px;">&nbsp;</span><span name="currentState"></span>
                                            </td>
                                            <td align="center" style="cursor:pointer;" onclick="tablesort.sortTable(this, 'icc.monitor.serviceNos', 3, 'int');">
                                                <span>今日已接外部来电</span><span style="width:15px;">&nbsp;</span><span name="currentState"></span>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="griddata" >
                        <div >
                            <table id="icc.monitor.serviceNos" width="100%" cellSpacing=0 cellPadding=0>
                                <colgroup >
                                    <col width="100%" />
                                </colgroup>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>

                <div class="grid" style="width:100%;float:left;padding:20px 0 30px 0;">
                    <div class="gridhead">
                        <table width="100%" height="100%" cellSpacing=0 cellPadding=0>
                            <colgroup>
                                <col width="100%">
                            </colgroup>
                            <thead class="monitor_thead">
                            <tr >
                                <th colspan='5' align="left"><div class="monitor_thead_title">技能组监控列表</div></th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td style="padding-left: 1px;">
                                    <table border=0 cellSpacing=0 cellPadding=0 width=100% >
                                        <colgroup>
                                            <col width="10%" span="5">
                                        </colgroup>
                                        <tr id="icc.monitor.queues.thead">
                                            <td align="center" style="cursor:pointer;" id="icc.monitor.queuesTd" onclick="tablesort.sortTable(this, 'icc.monitor.queues', 0, 'string');">
                                                <span>技能组名称</span><span style="width:15px;">&nbsp;</span><span name="currentState"></span>
                                            </td>
                                            <td align="center" style="cursor:pointer;" onclick="tablesort.sortTable(this, 'icc.monitor.queues', 1, 'int');">
                                                <span>空闲座席数</span><span style="width:15px;">&nbsp;</span><span name="currentState"></span>
                                            </td>
                                            <td align="center" style="cursor:pointer;" onclick="tablesort.sortTable(this, 'icc.monitor.queues', 2, 'int');">
                                                <span>签入座席数</span><span style="width:15px;">&nbsp;</span><span name="currentState"></span>
                                            </td>
                                            <td align="center" style="cursor:pointer;" onclick="tablesort.sortTable(this, 'icc.monitor.queues', 3, 'int');">
                                                <span>排队数</span><span style="width:15px;">&nbsp;</span><span name="currentState"></span>
                                            </td>
                                            <td align="center" style="cursor:pointer;" onclick="tablesort.sortTable(this, 'icc.monitor.queues', 4, 'int');">
                                                <span>今日接通电话数</span><span style="width:15px;">&nbsp;</span><span name="currentState"></span>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="griddata" >
                        <div >
                            <table id="icc.monitor.queues" width="100%" cellSpacing=0 cellPadding=0>
                                <colgroup >
                                    <col width="100%">
                                </colgroup>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="grid" style="width:100%;float:left;">
                    <div class="gridhead">
                        <table width="100%" height="100%" cellSpacing=0 cellPadding=0>
                            <colgroup>
                                <col width="100%" />
                            </colgroup>
                            <thead class="monitor_thead">
                            <tr>
                                <th colspan='10' align="left"><div class="monitor_thead_title" style="display:none">座席监控列表&nbsp;&nbsp;(坐席总量:<span id="icc.monitor.agents.totalPeer" style="color:#dc4f4f"></span>&nbsp;&nbsp;在线坐席:<span id="icc.monitor.agents.onlinePeer" style="color:#dc4f4f"></span>&nbsp;&nbsp;空闲坐席:<span id="icc.monitor.agents.idlePeer" style="color:#dc4f4f"></span>)</div></th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <th style="padding-left: 1px;">
                                    <table border=0 cellSpacing=0 cellPadding=0 width=100% style="border: none">
                                        <colgroup>
                                            <col width="9%" />
                                            <col width="7%" />
                                            <col width="9%" />
                                            <col width="9%" />
                                            <col width="11%" />
                                            <col width="9%" />
                                            <col width="9%" />
                                            <col width="9%" />
                                            <col width="9%" />
                                            <col width="19%" />
                                        </colgroup>
                                        <tr id="icc.monitor.agents.thead" class="first-tr">
                                            <td align="center" style="cursor:pointer;" id="icc.monitor.agentsTd">
                                                <span class="headTitle">座席姓名</span><span style="width:15px;">&nbsp;</span><span name="currentState"></span>
                                            </td>
                                            <td align="center" style="cursor:pointer;" >
                                                <span class="headTitle">工号</span><span style="width:15px;">&nbsp;</span><span name="currentState"></span>
                                            </td>
                                            <td align="center" style="cursor:pointer;" >
                                                <span class="headTitle">已接听数</span><span style="width:15px;">&nbsp;</span><span name="currentState"></span>
                                            </td>
                                            <td align="center" style="cursor:pointer;" >
                                                <span class="headTitle">外呼成功数</span><span style="width:15px;">&nbsp;</span><span name="currentState"></span>
                                            </td>
                                            <td align="center" class="headTitle">
                                                客户号码
                                            </td>
                                            <td align="center" class="headTitle" >
                                                接听方式
                                            </td>
                                            <td align="center" style="cursor:pointer;">
                                                <span class="headTitle">状态</span><span style="width:15px;">&nbsp;</span><span name="currentState"></span>
                                            </td>
                                            <td align="center" class="headTitle">
                                                状态时长
                                            </td>
                                            <td align="center" style="cursor:pointer;" >
                                                <span class="headTitle">网络延迟</span><span style="width:15px;">&nbsp;</span><span name="currentState"></span>
                                            </td>
                                            <td align="center" class="headTitle">
                                                操作
                                            </td>
                                        </tr>
                                    </table>

                                </th>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="griddata" >
                        <div >
                            <table id="icc.monitor.agents" width="100%" cellSpacing=0 cellPadding=0>
                                <colgroup >
                                    <col width="100%" />
                                </colgroup>
                                <tbody>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div style="height:10px;overflow: hidden;clear: both">&nbsp;</div>
        </div>
    </div>

</div>
<div id="cover" style="display: none"></div>
</body>
<script type="text/javascript">
    var m7$=$.noConflict()
    m7$(window).load(function(){
        var loginName = moorCall.moortools.m7getUrlVal("loginName");
        var password = moorCall.moortools.m7getUrlVal("password");
        var loginType = moorCall.moortools.m7getUrlVal("loginType");
        var agentStatus = moorCall.moortools.m7getUrlVal("agentStatus");
        if(loginType != "") {
            extenType = loginType;
        }
        if (agentStatus === '0') {
            m7$("#IdleDisable").css("color", "#53d466")
            m7$("#IdleDisable").find("span").css("background-color", "#53d466")
            m7$("#BusyDisable").css("color", "#8a8a8a")
            m7$("#BusyDisable").find("span").css("background-color", "#8a8a8a")
            m7$('.peerTimeState').css("color", "#53d466")
        } else {
            m7$("#IdleDisable").css("color", "#8a8a8a")
            m7$("#IdleDisable").find("span").css("background-color", "#8a8a8a")
            m7$("#BusyDisable").css("color", "#ff7a72")
            m7$("#BusyDisable").find("span").css("background-color", "#ff7a72")
            m7$('.peerTimeState').css("color", "#ff7a72")
        }
        moorCall.moortools.m7BeginLogon(loginName, password, extenType, agentStatus);
    });

	<!-- added by jeff -->
    m7$(window).unload(function(){
        pr_process("unload");
    });

</script>
</html>